﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/WEB-INF/jsp/common/taglibs.jsp" %>
<html>
<head>
    <link href="${resRoot}/css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <style type="text/css">
        <!--
        .STYLE1 {
            font-weight: bold
        }

        -->
        .ui-autocomplete {
            width: 115px;
            max-height: 130px;
            overflow-y: auto;
            z-index: 10000000;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
        }

        .custom-combobox-input {
            width: 115px;
        }

        .custom-combobox {
            margin-top: 5px;
            position: relative;
            display: inline-block;
        }

        .custom-combobox-toggle {
            position: absolute;
            top: 0;
            bottom: 0;
            margin-left: -1px;
            padding: 0;
        }

        .custom-combobox-input {
            margin: 0;
            padding: 5px 10px;
        }
    </style>
    <script type="text/javascript">
        function ChangeHeight(theHeight) {
            var sHeight = theHeight;

            var bodyHeight = document.body.clientHeight;//得到页面高度
            var topHeight = document.getElementById("navbar").offsetHeight;//得到banner的高度
            var thisHeight = bodyHeight - topHeight;
            var maxHeight = Math.max(thisHeight, sHeight);
            document.getElementById("sidebar").style.height = maxHeight + 'px';
        }
    </script>
</head>
<body class="no-skin">
<!-- #section:basics/navbar.layout -->
<div id="navbar" class="navbar navbar-default">
    <script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
    </script>
    <div class="navbar-container" id="navbar-container">
        <!-- #section:basics/sidebar.mobile.toggle -->
        <button type="button" class="navbar-toggle menu-toggler pull-left"
                id="menu-toggler">
            <span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>

            <span class="icon-bar"></span> <span class="icon-bar"></span>
        </button>
        <div class="navbar-header pull-left">
            <img style="float:left" src="${resRoot}/images/logo.png">
            <h4 class="white" style="float:left; margin:0; padding:0; line-height:40px">${pageTitle}</h4>
        </div>
        <!-- #section:basics/navbar.dropdown -->
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <!-- #section:basics/navbar.user_menu -->
                <li class="transparent" style="width: 300px;">

                    <a href="javascript:logout();">
                            <span class="user-info" style="text-align: right; line-height: 40px;">
                                退出系统
                            </span>
                    </a>
                </li>
                <!-- /section:basics/navbar.user_menu -->
            </ul>
        </div>
        <!-- /section:basics/navbar.dropdown -->
    </div>
    <!-- /.navbar-container -->
</div>
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>
    <!-- #section:basics/sidebar -->
    <div id="sidebar" class="sidebar responsive" style="min-height: 800px;">
        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'fixed')
            } catch (e) {
            }
        </script>
        <input type="hidden" name="spanServerStatus" id="spanServerStatus"/>

        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
            <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                <button class="btn btn-success">
                    <i class="ace-icon fa fa-info-circle"></i>
                </button>
                <button class="btn btn-info">
                    <i class="ace-icon fa fa-book"></i>
                </button>
                <!-- #section:basics/sidebar.layout.shortcuts -->
                <button class="btn btn-warning">
                    <i class="ace-icon fa fa fa-cogs"></i>
                </button>
                <button class="btn btn-danger">
                    <i class="ace-icon fa fa-external-link"></i>
                </button>
                <!-- /section:basics/sidebar.layout.shortcuts -->
            </div>
            <div id="sidebar-shortcuts-mini" class="sidebar-shortcuts-mini">
                <span class="btn btn-success"></span>
                <span class="btn btn-info"></span>
                <span class="btn btn-warning"></span>
                <span class="btn btn-danger"></span>
            </div>
        </div>
        <!-- /.sidebar-shortcuts -->
        <ul class="nav nav-list" id="sidebarMenu" style="top: 0px;">
            <c:forEach items="${menuList}" var="map">
                <li class=""><a href="#" class="dropdown-toggle"> <i
                        class="menu-icon ${map.menu.icon }"></i> <span
                        class="menu-text"> ${map.menu.menuName }</span> <b
                        class="arrow fa fa-angle-down"></b>
                </a> <b class="arrow"></b>
                    <ul class="submenu">
                        <c:forEach items="${map.subMenus}" var="subMenu">
                            <li class=""><a
                                    href="<%=request.getContextPath()%>${subMenu.url}"
                                    target="iframepage" id="homepage"> <i
                                    class="menu-icon fa fa-caret-right"></i> ${subMenu.menuName }
                            </a> <b class="arrow"></b></li>
                        </c:forEach>


                    </ul>
                </li>
            </c:forEach>
        </ul>
        <!-- /.nav-list -->
        <!-- #section:basics/sidebar.layout.minimize -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left"
               data-icon1="ace-icon fa fa-angle-double-left"
               data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
        <!-- /section:basics/sidebar.layout.minimize -->
        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'collapsed')
            } catch (e) {
            }
        </script>
    </div>
    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <!-- #section:basics/content.breadcrumbs -->
        <div class="" id="breadcrumbs">
            <script type="text/javascript">
                try {
                    ace.settings.check('breadcrumbs', 'fixed')
                } catch (e) {
                }
            </script>

            <div class="" id="page-content">
                <ul class="topTabUL" id="topTabUL">
                    <li title="首页" class="currentClass"><a class="text" href="welcome.htm">首页</a></li>
                </ul>
            </div>
            <!-- /.breadcrumb -->
        </div>
        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
            <!-- #section:settings.box -->
            <!-- /section:settings.box -->
            <div class="row">
                <style>
                    #testDivHeight {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        margin: 0;
                        padding: 0
                    }
                </style>
                <div class="col-xs-12" id="testDivHeight">
                    <!-- PAGE CONTENT BEGINS -->
                    <div id="iframeWrap" style="height: 100%">
                        <iframe name="iframepage" src="welcome.htm" frameborder="0"
                                width="100%" id="iframepage" height="100%"></iframe>
                    </div>
                    <!-- PAGE CONTENT ENDS -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.page-content -->
    </div>
    <!-- /.main-content -->


    <a href="#" id="btn-scroll-up"
       class="btn-scroll-up btn btn-sm btn-inverse"> <i
            class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div>

<!-- /.main-container -->
<script type="text/javascript" src="${resRoot}/js/index.js"></script>
<!-- autocomplete -->
<script src="${resRoot}/js/jquery-ui.js"></script>
<script src="${resRoot}/js/autocomplete.js"></script>
<script src="${resRoot}/js/utils.js"></script>
<script type="text/javascript">


    //退出系统
    function logout() {
        if (confirm("确定要退出系统吗？")) location.href = contextPath + "/logout.htm";
    }

</script>
</body>
</html>
